<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../CSS/registered.css">
    <link rel="icon"
        href="https://ts1.cn.mm.bing.net/th/id/R-C.84b915e31a12525215c1dd0581651df6?rik=0uDT7v4YUKV4XA&riu=http%3a%2f%2fbpic.588ku.com%2felement_pic%2f19%2f03%2f15%2fa508967f8aded885d233244640027583.jpg&ehk=ajUMbPOjfCFxgvwT3B4JyKoCiRDVPU2QvFzEoZcIKNE%3d&risl=&pid=ImgRaw&r=0&sres=1&sresct=1"
        type="image/x-ico">
    <title>注册</title>
    <style>
        input[type=text], input[type=password], input[type=confirm_password],
        input[type=email]{
			width: 300px;
			padding: 12px 20px;
			margin: 8px 0;
			display: inline-block;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box;
		}
        button[type=submit] {
			background-color: #4ca4fd;
			color: white;
			padding: 12px 20px;
			margin: 8px 0;
            margin-left: 40px;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			width: 380px;
		}
		
		button[type=submit]:hover {
			background-color: #2666e6;
		}
    </style>
</head>

<body>
    <div class="d1">
        <h1>欢迎注册</h1>
        <p>
            已有帐号？
            <a href="../src/Log.html">
                登录
            </a>
        </p>
        <div id="n1">
            <label for="username" class="form-label" style="font-weight: 200;">手&nbsp&nbsp机&nbsp&nbsp号:</label>
            <input type="text" class="form-control" id="username" name="username" required>
        </div>
        <div id="n1">
            <label for="username" class="form-label" style="font-weight: 200;">用&nbsp&nbsp户&nbsp&nbsp名:</label>
            <input type="text" class="form-control" id="username" name="username" required>
        </div>
        <div id="n1">
            <label for="password" class="form-label" style="font-weight: 200;">密&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp码:</label>
            <input type="password" class="form-control" id="password" name="password" required>
        </div>
        <div id="n1">
            <label for="confirm_password" class="form-label" style="font-weight: 200;">确认密码:</label>
            <input type="password" class="form-control" id="confirm_password"
                name="confirm_password" required>
        </div>
        <div id="n1">
            <label for="email" class="form-label" style="font-weight: 200;">邮&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp箱:</label>
            <input type="email" class="form-control" id="email" name="email" required>
        </div>
        <div id="n2">
            <input type="checkbox" class="form-check-input" id="agree" name="agree" required>
            <label class="form-check-label" for="agree">我已阅读并同意 <a href="#">用户协议</a>.</label>
        </div>
        <div>
            <button type="submit" class="btn btn-primary d-block w-100">注册</button>
        </div>
        
    </div>
</body>

</html>